/* CSS Document */
a, b, body, dd, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, img, input, label, li, nav, object, ol, p, section, select, span, strong, table, tbody, td, th, tr, tt, ul{margin: 0;padding: 0;border: 0; font-weight:normal;}

html{}
body { font-family:"微软雅黑", Arial; box-sizing:border-box;}
ul, ol, li, dl { list-style: none;}
a { text-decoration: none; margin:0; color:#666;}
input, select, textarea { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}


/*导航------------*/
.nav{ width:100%; height:102px; background:#fff; border-bottom:1px solid #ccc;}
.nav_main{ width:1200px; margin:0 auto;}
.logo{ width:387px; height:66px; margin-top:20px; float:left;}
.nav_r{ float:right; margin-top:36px;}
.nav_r li{ float:left; width:auto; height:46px; line-height:46px; text-align:center; margin-right:44px;}
.nav_r li:last-child{ margin-right:0;}
.nav_r li a{ color:#303030; font-size:18px;}
.nav_r li.on{ background:url(../images/nav_on.png) no-repeat bottom center;}
.nav_r li:hover{ background:url(../images/nav_on.png) no-repeat bottom center;}


/*banner------------*/
.banner{ width:100%; height:350px;}
.slideBox{ width:100%; height:350px; overflow:hidden; position:relative; }
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:12px; width:10px; height:10px; box-sizing:border-box; border-radius:5px; border:2px solid #4fbaf2; cursor:pointer; transition-duration:0.5s;}
.slideBox .hd ul li:last-child{ margin-right:0;}
.slideBox .hd ul li.on{ background:#4fbaf2; width:34px; height:10px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ width:100%; height:322px; zoom:1; vertical-align:middle;}

/*标题------------*/
.bt{ width:1200px; height:85px; margin:0 auto 30px; position:relative;}
.bt h2{ width:359px; height:85px; line-height:32px; font-weight:bold; box-sizing:border-box; padding-top:26px; text-align:center; color:#303030; font-size:28px; background:url(../images/bt_zs.png) no-repeat top center; display:block; margin:0 auto;}
.bt h2 span{ display:block; font-size:16px; color:#7c7c7c; font-weight:normal; line-height:18px; margin-top:9px;}
.bt a{ float:right; color:#a4a4a4; font-size:14px; text-align:right; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.bt a:hover{ color:#4fbaf2;}

/*新闻------------*/
.news{ width:100%; clear:both; padding:60px 0 40px;}
.news_main{ width:1200px; margin:0 auto;}
.news_main dl{ width:385px; float:left; margin-right:22px;}
.news_main dl:last-child{ margin-right:0;}
.news_main dl dt{ width:100%; height:256px; overflow:hidden;}
.news_main dl dt img{ width:100%; height:100%;}
.news_main dl dd{ width:100%; box-sizing:border-box; padding:14px 0 0;}
.news_main dl dd a h3{ width:100%; font-size:20px; line-height:30px; color:#282828; margin-bottom:12px;}
.news_main dl dd a p{ width:100%; height:69px; overflow:hidden; text-align:justify; font-size:15px; line-height:23px; color:#7b7b7b;}

/*产品------------*/
.pro{ width:100%; clear:both; padding:60px 0 0;}
.pro_bg{ width:100%; height:842px; background:url(../images/bg01.png) center; background-size:cover;}
.pro_main{ width:1200px; height:100%; margin:0 auto;}
.pro_main_l{ float:left; height:100%; width:716px;}

.pro_main_r{ float:right; width:484px; height:100%; overflow:hidden; position:relative;}
.pro_r_lb{ width:26px; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:20;}
.pro_r_lb ul{ width:100%;}
.pro_r_lb ul li{ width:100%; height:16px; cursor:pointer; margin-bottom:12px; background:url(../images/pro_lb01.png) no-repeat right 3px center;}
.pro_r_lb ul li:last-child{ margin-bottom:0;}
.pro_r_lb ul li.pro_on{ background:url(../images/pro_lb02.png) no-repeat center;}

.pro_r_nr{ width:100%; box-sizing:border-box; padding-right:60px; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:10; transition-duration:1s;}
.pro_r01{ top:50%;}
.pro_r02{ top:150%;}
.pro_r03{ top:150%;}
.pro_r_nr h2{ font-size:36px; color:#fff; margin-bottom:18px;}
.pro_r_nr p{ font-size:15px; width:360px; color:#fff; line-height:26px; margin-bottom:55px;}
.pro_r_nr ul{ width:320px;}
.pro_r_nr ul li{ width:50%; line-height:20px; float:left; color:#fff; font-size:16px; margin:15px 0;}
.pro_r_nr ul li em{ width:10px; height:10px; display:block; box-sizing:border-box; float:left; margin:5px 10px 5px 0; border:2px solid #0bc5e1; border-radius:5px;}

/*案例------------*/
.case{ width:100%; clear:both; padding:60px 0 0;}
.case_bg{ width:100%; height:870px; background:url(../images/bg02.png) center; background-size:cover;}
.case_main{ width:1200px; height:100%; margin:0 auto; padding:148px 0; box-sizing:border-box;}
.multipleColumn{ overflow:hidden; position:relative; width:1200px; height:574px;}
.multipleColumn .hd{ overflow:hidden; width:1200px; height:120px; position:absolute; top:50%; margin-top:-60px; z-index:30;}
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:35px; height:120px; overflow:hidden; cursor:pointer; background:url(../images/left.png) no-repeat; position:absolute; top:0;}
.multipleColumn .hd .prev{ background:url(../images/left.png) no-repeat; left:0;}
.multipleColumn .hd .next{ background:url(../images/right.png) no-repeat; right:0;}
.multipleColumn .bd{overflow:hidden; width:1088px; margin:0 auto; position:relative; z-index:40;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1088px; height:574px; float:left; _display:inline;}
.multipleColumn .bd ul li{ margin:18px; float:left; overflow:hidden; text-align:center; _display:inline;}
.multipleColumn .bd ul li .pic{ text-align:center; width:100%; height:186px; overflow:hidden;}
.multipleColumn .bd ul li .pic img{ width:100%; height:186px; display:block; transition-duration:0.5s;}
/*.multipleColumn .bd ul li .pic a:hover img{ transform:scale(1.1,1.1);}*/
.multipleColumn .bd ul li:hover .pic a img{ transform:scale(1.1,1.1);}
.multipleColumn .bd ul li .title{ width:100%; height:65px; background:#202b3f; text-align:center; position:relative; box-sizing:border-box;}
.multipleColumn .bd ul li .title a{ width:100%; display:block; box-sizing:border-box; padding:0 10px; font-size:15px; color:#f8eded; line-height:23px; width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}


/*客户------------*/
.cust{ width:100%; clear:both; padding:60px 0 0;}
.cust_bg{ width:100%; background:#e1e1e1 url(../images/bg03.png) no-repeat center;}
.cust_main{ width:1200px; height:100%; margin:0 auto; padding:75px 0 50px;}
.cust_main ul{ width:100%; }
.cust_main ul li{ width:205px; float:left; height:44px; margin-right:43px; margin-bottom:38px;}
.cust_main ul li:nth-child(5n){ margin-right:0;}

/*标语------------*/
.by{ width:100%; height:130px; background:#e1e1e1 url(../images/bg04.png); box-sizing:border-box; padding:24px 0;}
.by img{ display:block; margin:0 auto;}

.footer{ width:100%; height:190px; background:#030221;}
.footer_main{ width:1200px; margin:0 auto;}

.footer_main_l{ float:left;}
.footer_main_l ul{ padding:30px 0 26px; height:20px;}
.footer_main_l ul li{ float:left; height:20px; line-height:20px; font-size:16px; color:#00b4cf; margin-right:20px;}
.footer_main_l ul li a{ color:#00b4cf;}

.footer_main_l h4{ font-size:16px; color:#e3e3e3; margin-bottom:10px;}
.footer_main_l p{ font-size:14px; color:#e3e3e3; line-height:20px;}

.footer_main_r{ float:right; padding-top:16px;}
.footer_main_r .ewm{ width:115px; height:115px; float:right; box-sizing:border-box; background:url(../images/ewm_bg.png) no-repeat center; padding:9px; margin-bottom:10px;}
.footer_main_r .ewm img{ width:100%; height:100%; display:block;}
.footer_main_r p{ font-size:13px; color:#cecece; line-height:20px; text-align:right; clear:both;}
.footer_main_r p a{ color:#cecece;}


/*列表------------*/
.wz{ width:100%; margin:0 auto;}
.wz p{ width:1200px; margin:0 auto; line-height:20px; padding:20px 0; color:#333; font-size:16px; font-weight:bold; border-bottom:1px solid #ccc;}
.wz p em{ width:3px; height:20px; background:#ff0000; display:block; float:left; margin-right:14px;}
.wz p span{}
.wz p a{ color:#333;}
.wz p a.on1{ color:#00b4cf;}
.wz p a:hover{ color:#00b4cf;}

.lb_main{ width:1200px; margin:0 auto; box-sizing:border-box;}
.lb_main ul{ width:100%;}
.lb_main ul li{ width:100%; padding:20px 0; background:#fff; box-sizing:border-box; border-bottom:1px solid #ccc;}
.lb_main ul li a{ width:100%;}
.lb_main ul li a h2{ font-size:18px; color:#333; line-height:28px; margin-bottom:10px; transition-duration:0.3s;}
.lb_main ul li a p{ font-size:16px; color:#888; line-height:26px;}
.lb_main ul li:hover a h2{ color:#00b4cf;}
.lb_ts{ width:100%; text-align:center; font-size:14px; color:#333; padding:30px;}

/*详情------------*/
.xq_main{ width:1200px; margin:10px auto 0; box-sizing:border-box;}
.xq_bt{ width:100%; padding:20px 0; background:#fff; box-sizing:border-box; }
.xq_bt h1{ font-size:22px; color:#333; line-height:34px; margin-bottom:10px;}
.xq_bt p{ font-size:14px; color:#888;}
.xq_bt p span{ margin-right:30px;}
.xq_nr{ font-size:16px; color:#555; line-height:28px; padding:10px 0 30px;}